<?php $appUrl = Yii::app()->request->baseUrl;
?>
<script type="text/javascript">
			$(function() {
    			$('a[rel*=leanModal]').leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });		
			});
</script>
<link rel="stylesheet" href="<?php echo $appUrl; ?>/css/style2.css" type="text/css" />

	<!-- Slider -->

	<div class="bannerbg">
	<div class="welcome">
		<div class="divheader">
		<h2>Welcome</h2>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
		sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
		 nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
		 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
		Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
		</div>
	</div>
			<div class="slider">
			
			  <div class="slide-nav">
			    <ul>
			      <li><a href="#" class="">01</a></li>
			      <li><a href="#" class="">02</a></li>
			      <li><a href="#" class="">03</a></li>
			      <li><a href="#" class="active">04</a></li>
			      <li><a href="#" class="">05</a></li>
			      <li><a href="#" class="">06</a></li>
			    </ul>
			  </div>
			
			  <ul class="slides" style="width: 3600px; -webkit-transform: translate(-1800px, 0); -webkit-transition: none; transition: none;">
			    <li style="width: 620px;"> <img src="<?php echo $appUrl; ?>/images/imgs/f1.jpg" alt="" /></li>    
			    <li style="width: 620px;"> <img src="<?php echo $appUrl; ?>/images/imgs/f2.jpg" alt="" /></li>
			    <li style="width: 620px;"> <img src="<?php echo $appUrl; ?>/images/imgs/f3.jpg" alt="" /></li>
			    <li style="width: 620px;"> <img src="<?php echo $appUrl; ?>/images/imgs/f4.jpg" alt="" /></li>
			    <li style="width: 620px;"> <img src="<?php echo $appUrl; ?>/images/imgs/f1.jpg" alt="" /></li>
			    <li style="width: 620px;"> <img src="<?php echo $appUrl; ?>/images/imgs/f2.jpg" alt="" /></li>
			  </ul> 
			
			</div>
			<script src="<?php echo $appUrl; ?>/js/index.js"></script>


	</div>
		
	<!-- /Slider -->


<div class="servicesandnews">
<div class="news">
	<div class="divheader">
	<h2>News</h4>
	</div>
	<script language="JavaScript" type="text/javascript">
	var marqueeContent=new Array();
	marqueeContent[0]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a></div>";
	marqueeContent[1]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a><br></div>";
	marqueeContent[2]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a></div>";
	marqueeContent[3]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a></div>";
	
	var marqueeInterval=new Array();
	var marqueeId=0;
	var marqueeDelay=4000;
	var marqueeHeight=100;
	function initMarquee() {
	 var str=marqueeContent[0];
	 document.write('<div class="newsbox" id="marqueeBox" style="overflow:hidden;width:250px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
	 marqueeId++;
	 marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
	}
	function startMarquee() {
	 var str=marqueeContent[marqueeId];
	 marqueeId++;
	 if(marqueeId>=marqueeContent.length) marqueeId=0;
	 if(document.getElementById("marqueeBox").childNodes.length==1) {
	 var nextLine=document.createElement('DIV');
	 nextLine.innerHTML=str;
	 document.getElementById("marqueeBox").appendChild(nextLine);
	 }
	 else {
	  document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
	  document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
	  document.getElementById("marqueeBox").scrollTop=0;
	 }
	 clearInterval(marqueeInterval[1]);
	 marqueeInterval[1]=setInterval("scrollMarquee()",20);
	}
	function scrollMarquee() {
	 document.getElementById("marqueeBox").scrollTop++;
	 if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
	 clearInterval(marqueeInterval[1]);
	 }
	}
	initMarquee();
	</script>				
</div>



<div class="services">
	<div class="divheader">
		<h2>Community/Services</h2>
	</div>
	<div class="block">
					<div class="wrap-col box1">
						<img src="images/icon1.png">
						<a rel="leanModal"  href="#popup1"><?php echo Yii::t('lang', 'health');?></a>
						<div class="popup" id="popup1">
							<div>
								<div class="wrap-col box1">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'health');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Medicare1</a>
								<li><a class="a" href="#">Medicare2</a>
								<li><a class="a" href="#">Medicare3</a>
								<li><a class="a" href="#">Medicare4</a>
								</ul>
							</div>
						</div>
						
					</div>
					<div class="wrap-col box2">
						<img src="images/icon2.png">
						<a rel="leanModal"  href="#popup2"><?php echo Yii::t('lang', 'outings');?></a>
						<div class="popup" id="popup2">
							<div>
								<div class="wrap-col box2">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'outings');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Outings1</a>
								<li><a class="a" href="#">Outings2</a>
								<li><a class="a" href="#">Outings3</a>
								<li><a class="a" href="#">Outings4</a>
								</ul>
							</div>
						</div>
					</div>
					<div class="wrap-col box3">
						<img src="images/icon3.png">
						<a rel="leanModal"  href="#popup3"><?php echo Yii::t('lang', 'community');?></a>
						<div class="popup" id="popup3">
							<div>
								<div class="wrap-col box3">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'community');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Community1</a>
								<li><a class="a" href="#">Community2</a>
								<li><a class="a" href="#">Community3</a>
								<li><a class="a" href="#">Community4</a>
								</ul>
							</div>
						</div>
					</div>
					<div class="wrap-col box4">
						<img src="images/icon3.png">
						<a rel="leanModal"  href="#popup4"><?php echo Yii::t('lang', 'volunteer');?></a>
						<div class="popup" id="popup4">
							<div>
								<div class="wrap-col box4">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'volunteer');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Volunteer1</a>
								<li><a class="a" href="#">Volunteer2</a>
								<li><a class="a" href="#">Volunteer3</a>
								<li><a class="a" href="#">Volunteer4</a>
								</ul>
							</div>
						</div>
					</div>
					<div class="wrap-col box5">
						<img src="images/icon3.png">
						<a rel="leanModal"  href="#popup5"><?php echo Yii::t('lang', 'events');?></a>
						<div class="popup" id="popup5">
							<div>
								<div class="wrap-col box5">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'events');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Events1</a>
								<li><a class="a" href="#">Events2</a>
								<li><a class="a" href="#">Events3</a>
								<li><a class="a" href="#">Events4</a>
								</ul>
							</div>
						</div>
					</div>
	</div>

	<div class="block">
					<div class="wrap-col box6">
						<img src="images/icon1.png">
						<a rel="leanModal"  href="#popup6"><?php echo Yii::t('lang', 'parents');?></a>
						<div class="popup" id="popup6">
							<div>
								<div class="wrap-col box6">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'parents');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Parents1</a>
								<li><a class="a" href="#">Parents2</a>
								<li><a class="a" href="#">Parents3</a>
								<li><a class="a" href="#">Parents4</a>
								</ul>
							</div>
						</div>
					</div>
					<div class="wrap-col box7">
						<img src="images/icon2.png">
						<a rel="leanModal"  href="#popup7"><?php echo Yii::t('lang', 'language');?></a>
						<div class="popup" id="popup7">
							<div>
								<div class="wrap-col box7">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'language');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Language1</a>
								<li><a class="a" href="#">Language2</a>
								<li><a class="a" href="#">Language3</a>
								<li><a class="a" href="#">Language4</a>
								</ul>
							</div>
						</div>
					</div>
					<div class="wrap-col box8">
						<img src="images/icon3.png">
						<a rel="leanModal"  href="#popup8"><?php echo Yii::t('lang', 'services');?></a>
						<div class="popup" id="popup8">
							<div>
								<div class="wrap-col box8">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'services');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Services1</a>
								<li><a class="a" href="#">Services2</a>
								<li><a class="a" href="#">Services3</a>
								<li><a class="a" href="#">Services4</a>
								</ul>
							</div>
						</div>
					</div>
					<div class="wrap-col box9">
						<img src="images/icon3.png">
						<a rel="leanModal"  href="#popup9"><?php echo Yii::t('lang', 'children');?></a>
						<div class="popup" id="popup9">
							<div>
								<div class="wrap-col box9">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'children');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Children1</a>
								<li><a class="a" href="#">Children2</a>
								<li><a class="a" href="#">Children3</a>
								<li><a class="a" href="#">Children4</a>
								</ul>
							</div>
						</div>
					</div>
					<div class="wrap-col box10">
						<img src="images/icon3.png">
						<a rel="leanModal"  href="#popup10"><?php echo Yii::t('lang', 'personal development');?></a>
						<div class="popup" id="popup10">
							<div>
								<div class="wrap-col box10">
								<a class="modal_close" id ="modal_close"></a>
								<h2><?php echo Yii::t('lang', 'personal development');?></h2>
								</div>
								<ul>
								<li><a class="a" href="#">Personel development1</a>
								<li><a class="a" href="#">Personel development2</a>
								<li><a class="a" href="#">Personel development3</a>
								<li><a class="a" href="#">Personel development4</a>
								</ul>
							</div>
						</div>
					</div>
	</div>
</div>

</div>
